@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@400;700&display=swap);body,html {
    font-family: Source Sans Pro,sans-serif;
    font-size: 16px;
    background-color: var(--iframe-background-color,transparent)
}
.article__footer {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}

.author__bios {
    width: 100%;
    padding: 10px 0;
    border-top: 1px solid #e1e1e1;

    .bio {
        display: flex;
        align-items: flex-start;
        margin-bottom: 10px;

        .bio__figure {
            width: 60px;
            min-width: 60px;
            height: 60px;
            overflow: hidden;
            border-radius: 100%;
            margin-right: 10px;

            img {
                width: 100%;
                height: 100%;
            }
        }

        .bio__info {
            display: flex;
            margin-bottom: 7px;
        }

        .bio__name {
            font-size: 18px;
            font-weight: bold;
        }

        .bio__social {
            margin: 0 5px;
            display: flex;

            .email {
                background-color: #2e2e2e;
            }

            .social:last-of-type {
                margin-right: 0;
            }

            .social {
                height: 20px;
                width: 20px;
                border-radius: 100%;
                display: block;
                margin-right: 4px;
            }

            .icon {
                background-size: 30px 30px;
                background-repeat: no-repeat;
                height: 20px;
                display: flex;
                color: #fff;
                justify-content: center;
                font-size: 14px;
                font-size: 13px;
                padding-top: 3px;

            }

            .icon--mail:before {
                content: "";
            }
        }
    }
}
.w-100 {
    width: 100% !important;
}
.text-center {
    text-align: center !important;
}
.unit-container {
    min-width: 18.75rem;
    padding-right: 0;
    padding-left: 0;
    overflow: hidden;
    font-family: Source Sans Pro, sans-serif !important;
    border: none !important;

    .row {
        display: flex;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;

        .unit-heading {
            margin-bottom: 0;
            font-family: Source Sans Pro, sans-serif;
            font-size: 1.25rem;
            font-weight: 700;
            line-height: 1.5rem;
        }
    }
}

.rate-row {
    padding: .5rem
}

.unit-heading {
    margin-bottom: 0;
    font-family: Source Sans Pro,sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5rem
}

.unit__footer {
    margin: 0;
    font-family: Arial,sans-serif;
    font-size: .6875rem
}

.unit__footer:not(:empty) {
    height: 1.25rem;
    line-height: .875rem
}

.ad-disclosure-wrapper,.gbr-logo-wrapper {
    max-width: 50%;
    padding: 0
}

.gbr-logo-wrapper {
    margin-right: auto;
    line-height: .875rem
}

.gbr-logo-wrapper__powered-by {
    font-family: Arial,sans-serif;
    font-size: .6875rem;
    font-weight: 400;
    line-height: .875rem;
    color: #333
}

.gbr-logo-wrapper svg.domain-logo {
    height: .75rem;
    margin-left: .125rem
}

.ad-disclosure-wrapper {
    display: flex;
    flex-direction: row-reverse;
    margin-left: auto;
    line-height: .6875rem
}

.ad-disclosure-wrapper .ad-disclosure {
    padding: 0;
    font-family: Arial,sans-serif;
    font-size: .5rem;
    font-weight: 400;
    line-height: .5rem;
    color: #767676
}

.ad-disclosure-wrapper .ad-label {
    padding: .125rem .1875rem .0625rem;
    margin-left: .125rem;
    font-family: Arial,sans-serif;
    font-size: .4375rem;
    font-weight: 700;
    letter-spacing: -.025rem
}

.cau-ratings {
    position: relative;
    display: grid;
    grid-template-areas: "lrpn lrpn" "rate featured-medium" "cta cta" "promoted-offer promoted-offer";
    grid-auto-columns: auto 1fr;
    gap: .5rem;
    min-height: 18.875rem;
    background-color: var(--main-background-color,#fff);
    border-radius: .25rem;
    box-shadow: 0 0 1rem rgba(132,147,175,.2)
}

.cau-ratings.no-promoted-offer {
    grid-template-areas: "lrpn lrpn" "rate featured-medium" "cta cta"
}

.rate-row--without-rate .cau-ratings {
    grid-template-areas: "lrpn lrpn" "featured-medium featured-medium" "cta cta" "promoted-offer promoted-offer"
}

.rate-row--without-rate .cau-ratings.no-promoted-offer {
    grid-template-areas: "lrpn lrpn" "featured-medium featured-medium" "cta cta"
}

.cau-ratings .rate-row__fdic {
    margin-top: .125rem;
    font-size: .625rem;
    line-height: .75rem;
    color: #b3b3b3;
    letter-spacing: -.025rem
}

.cau-ratings .rate-row__fdic p {
    margin-bottom: 0
}

.cau-ratings .rate-row__qualifier {
    font-size: .5625rem;
    line-height: .75rem;
    color: #b3b3b3;
    text-align: center;
    letter-spacing: -.025rem
}

.cau-ratings .rate-row__no-rate,.cau-ratings .rate-row__product-name {
    padding-top: .875rem;
    padding-bottom: .875rem;
    margin: .375rem .75rem;
    font-size: .75rem;
    font-weight: 700;
    line-height: .75rem;
    color: #6b6b6b
}

.cau-ratings .rate-row__no-rate.rating-visible,.cau-ratings .rate-row__product-name.rating-visible {
    margin-left: 0
}

.cau-ratings .rate-row__no-rate h1,.cau-ratings .rate-row__no-rate h2,.cau-ratings .rate-row__no-rate h3,.cau-ratings .rate-row__no-rate h4,.cau-ratings .rate-row__no-rate h5,.cau-ratings .rate-row__no-rate h6,.cau-ratings .rate-row__no-rate p,.cau-ratings .rate-row__product-name h1,.cau-ratings .rate-row__product-name h2,.cau-ratings .rate-row__product-name h3,.cau-ratings .rate-row__product-name h4,.cau-ratings .rate-row__product-name h5,.cau-ratings .rate-row__product-name h6,.cau-ratings .rate-row__product-name p {
    margin-bottom: 0;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit
}

.cau-ratings__lrpn {
    grid-area: lrpn;
    border-bottom: .0625rem solid #e3ecff
}

.cau-ratings__lrpn__logo {
    height: 74px;
    margin-bottom: 4px
}

.cau-ratings__lrpn__logo__wrapper {
    padding-top: .75rem;
    padding-bottom: .25rem
}

.cau-ratings__lrpn__logo__wrapper__institution-logo {
    max-width: 8.75rem;
    max-height: 3rem
}

.cau-ratings__lrpn__logo+.d-flex {
    -moz-column-gap: .75rem;
    column-gap: .75rem
}

.cau-ratings__lrpn__rating {
    margin-top: .375rem;
    margin-bottom: .375rem;
    margin-left: 3.25rem
}

.cau-ratings__lrpn__rating__block {
    height: 52px;
    padding: 6px 12px;
    border-top: .0625rem solid #e3ecff
}

.cau-ratings__lrpn__rating__wrapper__rating {
    font-size: 24px;
    line-height: 1.875rem;
    color: #474747;
    letter-spacing: -.5px
}

.cau-ratings__lrpn__rating__wrapper__details .rating-stars {
    margin-bottom: .25rem;
    margin-left: .25rem
}

.cau-ratings__lrpn__rating__wrapper__details__gbr-review {
    font-size: .5625rem;
    font-weight: 600;
    line-height: .75rem;
    color: #b3b3b3;
    letter-spacing: .25px
}

.cau-ratings__lrpn__rating__wrapper__details__gbr-review__gbr-logo {
    max-width: 1.5625rem;
    margin-right: .1875rem;
    margin-left: .125rem
}

.cau-ratings__lrpn__rating__wrapper__details__gbr-review .fa-info-circle {
    margin-left: .1875rem
}

.cau-ratings__rate {
    grid-area: rate;
    padding-left: .375rem
}

.cau-ratings__rate__rate-value {
    font-size: 1.5rem;
    line-height: 1.5rem;
    color: var(#000,#258705)
}

.cau-ratings__rate__details {
    font-size: .5rem;
    line-height: .5rem;
    color: var(#000,#258705)
}

.cau-ratings__rate__details .fa-info-circle {
    color: #0d0d0d
}

.cau-ratings__fm {
    grid-area: featured-medium;
    font-size: .75rem;
    line-height: .75rem;
    color: #0d0d0d
}

.cau-ratings__fm ol,.cau-ratings__fm p,.cau-ratings__fm ul {
    margin-bottom: 0
}

.cau-ratings__fm ol,.cau-ratings__fm ul {
    padding-left: 0;
    list-style: none
}

.cau-ratings__fm ol li,.cau-ratings__fm ul li {
    position: relative;
    padding-top: .125rem;
    padding-bottom: .125rem;
    padding-left: 1.125rem
}

.cau-ratings__fm ol li:before,.cau-ratings__fm ul li:before {
    position: absolute;
    top: .125rem;
    left: 0;
    width: 14px;
    height: 14px;
    color: #0057ff;
    content: url(/versions/4.76.0/static-fonts/check-featured-medium.svg)
}

.cau-ratings__cta {
    grid-area: cta
}

.cau-ratings__cta__btn {
    height: 3rem;
    padding: .5rem .125rem;
    overflow: hidden;
    font-size: 1.125rem;
    border-color: #00ac4e !important
}
.css-173blc {
    background-color: rgb(0, 172, 78);
    border-color: rgb(255, 255, 255);
    color: rgb(255, 255, 255);
}
.cau-ratings__cta__rpn {
    display: none
}

.cau-ratings__po {
    grid-area: promoted-offer;
    font-size: .75rem;
    line-height: .75rem;
    color: #242424
}

.cau-ratings__po__cta {
    padding: 0;
    font-size: inherit;
    line-height: inherit;
    text-align: left;
    background-color: transparent!important
}

.cau-ratings__po__cta:focus {
    box-shadow: unset!important
}

.cau-ratings__po__cta__title {
    color: #242424
}

.cau-ratings__po__cta__copy {
    color: #21a0df
}

.cau-ratings__po__cta__copy:hover {
    text-decoration: underline
}

.cau-ratings__pn {
    display: none
}

@media (min-width: 448px) {
    .cau-ratings__rate {
        min-width:10rem;
        min-height: 3.875rem;
        padding: 0
    }

    .cau-ratings__rate__rate-value {
        font-size: 1.5rem;
        line-height: 3rem;
        letter-spacing: -1px
    }

    .cau-ratings__rate__details {
        font-size: .875rem;
        line-height: 1rem;
        letter-spacing: -.25px
    }

    .cau-ratings__rate__details .fa-info-circle {
        font-size: .5rem
    }
}

@media (min-width: 300px) {
    .cau-ratings {
        padding:.5rem
    }

    .cau-ratings__lrpn__rating {
        margin-left: 0
    }

    .cau-ratings__fm,.cau-ratings__po {
        font-size: .875rem;
        line-height: 1rem
    }

    .cau-ratings__po {
        padding: 0
    }

    .cau-ratings__po__cta {
        font-size: inherit;
        line-height: inherit
    }
}

@media (min-width: 576px) {
    .cau-ratings {
        grid-template-areas:"lrpn rate cta" "promoted-offer promoted-offer promoted-offer";
        grid-template-columns: repeat(3,1fr);
        gap: .5rem 1rem;
        min-height: 9.5rem;
        padding: .75rem 1rem .5rem
    }

    .cau-ratings.no-promoted-offer {
        grid-template-areas: "lrpn rate cta"
    }

    .rate-row--without-rate .cau-ratings {
        grid-template-areas: "lrpn featured-medium cta" "promoted-offer promoted-offer promoted-offer"
    }

    .rate-row--without-rate .cau-ratings.no-promoted-offer {
        grid-template-areas: "lrpn featured-medium cta"
    }

    .cau-ratings .rate-row__fdic {
        font-size: .875rem;
        line-height: 1rem;
        letter-spacing: -.025rem
    }

    .cau-ratings .rate-row__qualifier {
        font-size: .625rem
    }

    .cau-ratings .rate-row__product-name {
        padding: unset;
        margin: unset;
        margin-bottom: .5rem
    }

    .cau-ratings .rate-row__no-rate {
        padding: unset;
        margin: unset;
        margin-bottom: .625rem
    }

    .cau-ratings .rate-row__featured-text {
        margin-top: 14px
    }

    .cau-ratings__lrpn,.cau-ratings__lrpn__logo {
        border-bottom: unset
    }

    .cau-ratings__lrpn__logo__wrapper {
        padding-top: 1rem;
        padding-bottom: unset
    }

    .cau-ratings__lrpn__rating {
        margin-left: 0
    }

    .cau-ratings__lrpn__rating__block {
        border-top: 0
    }

    .cau-ratings__lrpn__rating__wrapper__rating {
        font-size: 24px;
        line-height: 1.2819rem;
        letter-spacing: -.5px
    }

    .cau-ratings__lrpn__pn {
        display: none
    }

    .cau-ratings__rate {
        padding-left: unset
    }

    .cau-ratings__rate__rate-value {
        font-size: 3.5rem;
        line-height: 3.5rem;
        letter-spacing: -.0625rem
    }

    .cau-ratings__rate__details {
        font-size: 1.125rem;
        line-height: 1.125rem;
        letter-spacing: -.25px
    }

    .cau-ratings__rate__details__type .fa-info-circle {
        font-size: .75rem
    }

    .cau-ratings__cta__btn {
        font-size: 1rem
    }

    .cau-ratings__cta__btn.cta-has-animation {
        box-shadow: 0 .375rem .5rem rgba(0,0,0,.3);
        position: relative;
        transition: .1s ease-out
    }

    .cau-ratings__cta__btn.cta-has-animation:focus {
        box-shadow: 0 .375rem .5rem rgba(0,0,0,.3)!important
    }

    .cau-ratings__cta__btn.cta-has-animation:active,.cau-ratings__cta__btn.cta-has-animation:hover {
        box-shadow: 0 .125rem .5rem rgba(0,0,0,.3);
        transform: translateY(.25rem)
    }

    .cau-ratings__cta__btn.cta-has-animation:focus:active,.cau-ratings__cta__btn.cta-has-animation:focus:hover {
        box-shadow: 0 .125rem .5rem rgba(0,0,0,.3)!important
    }

    .cau-ratings__cta__rpn {
        display: block;
        margin-bottom: .5rem
    }

    .cau-ratings__fm_rate {
        display: none
    }

    .cau-ratings__po {
        height: 1rem
    }
}

@media (min-width: 768px) {
    .cau-ratings {
        grid-template-areas:"lrpn rate product-name cta" "lrpn rate featured-medium cta" "promoted-offer promoted-offer promoted-offer promoted-offer";
        grid-template-columns: repeat(4,1fr);
        padding: .75rem 1rem .25rem
    }

    .cau-ratings.no-promoted-offer {
        grid-template-areas: "lrpn rate product-name cta" "lrpn rate featured-medium cta"
    }

    .cau-ratings .rate-row__featured-text {
        margin-top: 0
    }

    .rate-row--without-rate .cau-ratings {
        grid-template-areas: "lrpn product-name featured-medium cta" "promoted-offer promoted-offer promoted-offer promoted-offer"
    }

    .rate-row--without-rate .cau-ratings.no-promoted-offer {
        grid-template-areas: "lrpn product-name featured-medium cta"
    }

    .rate-row--with-rate .cau-ratings__pn {
        align-self: end
    }

    .rate-row--with-rate .cau-ratings__pn .rate-row__no-rate,.rate-row--with-rate .cau-ratings__pn .rate-row__product-name {
        font-size: .75rem;
        line-height: .75rem
    }

    .rate-row--with-rate .cau-ratings__fm {
        align-self: start;
        width: inherit;
        font-size: .75rem;
        line-height: .75rem
    }

    .cau-ratings__lrpn__logo__wrapper {
        padding-top: .5rem
    }

    .cau-ratings__lrpn__logo__wrapper__institution-logo {
        max-width: 11rem;
        max-height: 3.5rem
    }

    .cau-ratings__lrpn__rating__wrapper__rating {
        font-size: 1.6983rem;
        line-height: 1.8125rem;
        letter-spacing: -.5px
    }

    .cau-ratings__pn {
        display: block;
        grid-area: product-name
    }

    .cau-ratings__pn .rate-row__no-rate,.cau-ratings__pn .rate-row__product-name {
        margin-bottom: 0;
        font-size: 1rem;
        line-height: 1.25rem;
        text-align: left!important
    }

    .cau-ratings__cta__btn {
        font-size: 1.125rem
    }

    .cau-ratings__cta__rpn {
        display: none
    }

    .cau-ratings__fm_rate {
        display: block
    }
}

@media (min-width: 1140px) {
    .cau-ratings {
        -moz-column-gap:2rem;
        column-gap: 2rem;
        padding-top: .375rem;
        padding-bottom: .375rem
    }

    .cau-ratings .rate-row__product-name,.rate-row--with-rate .cau-ratings__pn .rate-row__no-rate,.rate-row--with-rate .cau-ratings__pn .rate-row__product-name {
        font-size: .875rem;
        line-height: 1rem
    }

    .cau-ratings__lrpn__logo__wrapper__institution-logo {
        max-width: 12.5rem
    }

    .cau-ratings__rate__rate-value {
        font-size: 4rem;
        line-height: 4rem
    }

    .cau-ratings__po {
        margin-top: .4375rem;
        font-size: 1.125rem;
        line-height: 1.25rem
    }

    .cau-ratings__po__cta {
        font-size: inherit;
        line-height: inherit
    }
}

.rating-stars .star {
    /* -webkit-mask: url(https://products.gobankingrates.com/versions/4.76.0/static-fonts/star.svg);
    mask: url(https://products.gobankingrates.com/versions/4.76.0/static-fonts/star.svg) */
}

.tag {
    position: absolute;
    left: 0;
    z-index: 1;
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
    justify-content: center;
    padding: 2px 7px;
    line-height: 16px;
    border-radius: 64px;
    transform: translateY(-50%);
    font-family: Source Sans Pro,sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700
}

.tag-icon {
    width: 14px;
    height: 14px;
    content: url(https://products.gobankingrates.com/versions/4.76.0/static-fonts/check-tag.svg)
}
.flex-column {
    flex-direction: column!important
}

.flex-row-reverse {
    flex-direction: row-reverse!important
}

.flex-column-reverse {
    flex-direction: column-reverse!important
}

.flex-wrap {
    flex-wrap: wrap!important
}

.flex-nowrap {
    flex-wrap: nowrap!important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse!important
}

.flex-fill {
    flex: 1 1 auto!important
}

.flex-grow-0 {
    flex-grow: 0!important
}

.flex-grow-1 {
    flex-grow: 1!important
}

.flex-shrink-0 {
    flex-shrink: 0!important
}

.flex-shrink-1 {
    flex-shrink: 1!important
}

.justify-content-start {
    justify-content: flex-start!important
}

.justify-content-end {
    justify-content: flex-end!important
}

.justify-content-center {
    justify-content: center!important
}

.justify-content-between {
    justify-content: space-between!important
}

.justify-content-around {
    justify-content: space-around!important
}

.align-items-start {
    align-items: flex-start!important
}

.align-items-end {
    align-items: flex-end!important
}

.align-items-center {
    align-items: center!important
}

.align-items-baseline {
    align-items: baseline!important
}

.align-items-stretch {
    align-items: stretch!important
}

.align-content-start {
    align-content: flex-start!important
}

.align-content-end {
    align-content: flex-end!important
}

.align-content-center {
    align-content: center!important
}

.align-content-between {
    align-content: space-between!important
}

.align-content-around {
    align-content: space-around!important
}

.align-content-stretch {
    align-content: stretch!important
}

.align-self-auto {
    align-self: auto!important
}

.align-self-start {
    align-self: flex-start!important
}

.align-self-end {
    align-self: flex-end!important
}

.align-self-center {
    align-self: center!important
}

.align-self-baseline {
    align-self: baseline!important
}

.align-self-stretch {
    align-self: stretch!important
}

@media (min-width: 300px) {
    .flex-sm-row {
        flex-direction:row!important
    }

    .flex-sm-column {
        flex-direction: column!important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-sm-wrap {
        flex-wrap: wrap!important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .flex-sm-fill {
        flex: 1 1 auto!important
    }

    .flex-sm-grow-0 {
        flex-grow: 0!important
    }

    .flex-sm-grow-1 {
        flex-grow: 1!important
    }

    .flex-sm-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-sm-shrink-1 {
        flex-shrink: 1!important
    }

    .justify-content-sm-start {
        justify-content: flex-start!important
    }

    .justify-content-sm-end {
        justify-content: flex-end!important
    }

    .justify-content-sm-center {
        justify-content: center!important
    }

    .justify-content-sm-between {
        justify-content: space-between!important
    }

    .justify-content-sm-around {
        justify-content: space-around!important
    }

    .align-items-sm-start {
        align-items: flex-start!important
    }

    .align-items-sm-end {
        align-items: flex-end!important
    }

    .align-items-sm-center {
        align-items: center!important
    }

    .align-items-sm-baseline {
        align-items: baseline!important
    }

    .align-items-sm-stretch {
        align-items: stretch!important
    }

    .align-content-sm-start {
        align-content: flex-start!important
    }

    .align-content-sm-end {
        align-content: flex-end!important
    }

    .align-content-sm-center {
        align-content: center!important
    }

    .align-content-sm-between {
        align-content: space-between!important
    }

    .align-content-sm-around {
        align-content: space-around!important
    }

    .align-content-sm-stretch {
        align-content: stretch!important
    }

    .align-self-sm-auto {
        align-self: auto!important
    }

    .align-self-sm-start {
        align-self: flex-start!important
    }

    .align-self-sm-end {
        align-self: flex-end!important
    }

    .align-self-sm-center {
        align-self: center!important
    }

    .align-self-sm-baseline {
        align-self: baseline!important
    }

    .align-self-sm-stretch {
        align-self: stretch!important
    }
}

@media (min-width: 448px) {
    .flex-smb-row {
        flex-direction:row!important
    }

    .flex-smb-column {
        flex-direction: column!important
    }

    .flex-smb-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-smb-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-smb-wrap {
        flex-wrap: wrap!important
    }

    .flex-smb-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-smb-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .flex-smb-fill {
        flex: 1 1 auto!important
    }

    .flex-smb-grow-0 {
        flex-grow: 0!important
    }

    .flex-smb-grow-1 {
        flex-grow: 1!important
    }

    .flex-smb-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-smb-shrink-1 {
        flex-shrink: 1!important
    }

    .justify-content-smb-start {
        justify-content: flex-start!important
    }

    .justify-content-smb-end {
        justify-content: flex-end!important
    }

    .justify-content-smb-center {
        justify-content: center!important
    }

    .justify-content-smb-between {
        justify-content: space-between!important
    }

    .justify-content-smb-around {
        justify-content: space-around!important
    }

    .align-items-smb-start {
        align-items: flex-start!important
    }

    .align-items-smb-end {
        align-items: flex-end!important
    }

    .align-items-smb-center {
        align-items: center!important
    }

    .align-items-smb-baseline {
        align-items: baseline!important
    }

    .align-items-smb-stretch {
        align-items: stretch!important
    }

    .align-content-smb-start {
        align-content: flex-start!important
    }

    .align-content-smb-end {
        align-content: flex-end!important
    }

    .align-content-smb-center {
        align-content: center!important
    }

    .align-content-smb-between {
        align-content: space-between!important
    }

    .align-content-smb-around {
        align-content: space-around!important
    }

    .align-content-smb-stretch {
        align-content: stretch!important
    }

    .align-self-smb-auto {
        align-self: auto!important
    }

    .align-self-smb-start {
        align-self: flex-start!important
    }

    .align-self-smb-end {
        align-self: flex-end!important
    }

    .align-self-smb-center {
        align-self: center!important
    }

    .align-self-smb-baseline {
        align-self: baseline!important
    }

    .align-self-smb-stretch {
        align-self: stretch!important
    }
}

@media (min-width: 576px) {
    .flex-md-row {
        flex-direction:row!important
    }

    .flex-md-column {
        flex-direction: column!important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-md-wrap {
        flex-wrap: wrap!important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .flex-md-fill {
        flex: 1 1 auto!important
    }

    .flex-md-grow-0 {
        flex-grow: 0!important
    }

    .flex-md-grow-1 {
        flex-grow: 1!important
    }

    .flex-md-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-md-shrink-1 {
        flex-shrink: 1!important
    }

    .justify-content-md-start {
        justify-content: flex-start!important
    }

    .justify-content-md-end {
        justify-content: flex-end!important
    }

    .justify-content-md-center {
        justify-content: center!important
    }

    .justify-content-md-between {
        justify-content: space-between!important
    }

    .justify-content-md-around {
        justify-content: space-around!important
    }

    .align-items-md-start {
        align-items: flex-start!important
    }

    .align-items-md-end {
        align-items: flex-end!important
    }

    .align-items-md-center {
        align-items: center!important
    }

    .align-items-md-baseline {
        align-items: baseline!important
    }

    .align-items-md-stretch {
        align-items: stretch!important
    }

    .align-content-md-start {
        align-content: flex-start!important
    }

    .align-content-md-end {
        align-content: flex-end!important
    }

    .align-content-md-center {
        align-content: center!important
    }

    .align-content-md-between {
        align-content: space-between!important
    }

    .align-content-md-around {
        align-content: space-around!important
    }

    .align-content-md-stretch {
        align-content: stretch!important
    }

    .align-self-md-auto {
        align-self: auto!important
    }

    .align-self-md-start {
        align-self: flex-start!important
    }

    .align-self-md-end {
        align-self: flex-end!important
    }

    .align-self-md-center {
        align-self: center!important
    }

    .align-self-md-baseline {
        align-self: baseline!important
    }

    .align-self-md-stretch {
        align-self: stretch!important
    }
}

@media (min-width: 768px) {
    .flex-lg-row {
        flex-direction:row!important
    }

    .flex-lg-column {
        flex-direction: column!important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-lg-wrap {
        flex-wrap: wrap!important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .flex-lg-fill {
        flex: 1 1 auto!important
    }

    .flex-lg-grow-0 {
        flex-grow: 0!important
    }

    .flex-lg-grow-1 {
        flex-grow: 1!important
    }

    .flex-lg-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-lg-shrink-1 {
        flex-shrink: 1!important
    }

    .justify-content-lg-start {
        justify-content: flex-start!important
    }

    .justify-content-lg-end {
        justify-content: flex-end!important
    }

    .justify-content-lg-center {
        justify-content: center!important
    }

    .justify-content-lg-between {
        justify-content: space-between!important
    }

    .justify-content-lg-around {
        justify-content: space-around!important
    }

    .align-items-lg-start {
        align-items: flex-start!important
    }

    .align-items-lg-end {
        align-items: flex-end!important
    }

    .align-items-lg-center {
        align-items: center!important
    }

    .align-items-lg-baseline {
        align-items: baseline!important
    }

    .align-items-lg-stretch {
        align-items: stretch!important
    }

    .align-content-lg-start {
        align-content: flex-start!important
    }

    .align-content-lg-end {
        align-content: flex-end!important
    }

    .align-content-lg-center {
        align-content: center!important
    }

    .align-content-lg-between {
        align-content: space-between!important
    }

    .align-content-lg-around {
        align-content: space-around!important
    }

    .align-content-lg-stretch {
        align-content: stretch!important
    }

    .align-self-lg-auto {
        align-self: auto!important
    }

    .align-self-lg-start {
        align-self: flex-start!important
    }

    .align-self-lg-end {
        align-self: flex-end!important
    }

    .align-self-lg-center {
        align-self: center!important
    }

    .align-self-lg-baseline {
        align-self: baseline!important
    }

    .align-self-lg-stretch {
        align-self: stretch!important
    }
}

@media (min-width: 1140px) {
    .flex-xl-row {
        flex-direction:row!important
    }

    .flex-xl-column {
        flex-direction: column!important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse!important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse!important
    }

    .flex-xl-wrap {
        flex-wrap: wrap!important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap!important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse!important
    }

    .flex-xl-fill {
        flex: 1 1 auto!important
    }

    .flex-xl-grow-0 {
        flex-grow: 0!important
    }

    .flex-xl-grow-1 {
        flex-grow: 1!important
    }

    .flex-xl-shrink-0 {
        flex-shrink: 0!important
    }

    .flex-xl-shrink-1 {
        flex-shrink: 1!important
    }

    .justify-content-xl-start {
        justify-content: flex-start!important
    }

    .justify-content-xl-end {
        justify-content: flex-end!important
    }

    .justify-content-xl-center {
        justify-content: center!important
    }

    .justify-content-xl-between {
        justify-content: space-between!important
    }

    .justify-content-xl-around {
        justify-content: space-around!important
    }

    .align-items-xl-start {
        align-items: flex-start!important
    }

    .align-items-xl-end {
        align-items: flex-end!important
    }

    .align-items-xl-center {
        align-items: center!important
    }

    .align-items-xl-baseline {
        align-items: baseline!important
    }

    .align-items-xl-stretch {
        align-items: stretch!important
    }

    .align-content-xl-start {
        align-content: flex-start!important
    }

    .align-content-xl-end {
        align-content: flex-end!important
    }

    .align-content-xl-center {
        align-content: center!important
    }

    .align-content-xl-between {
        align-content: space-between!important
    }

    .align-content-xl-around {
        align-content: space-around!important
    }

    .align-content-xl-stretch {
        align-content: stretch!important
    }

    .align-self-xl-auto {
        align-self: auto!important
    }

    .align-self-xl-start {
        align-self: flex-start!important
    }

    .align-self-xl-end {
        align-self: flex-end!important
    }

    .align-self-xl-center {
        align-self: center!important
    }

    .align-self-xl-baseline {
        align-self: baseline!important
    }

    .align-self-xl-stretch {
        align-self: stretch!important
    }
}

.float-left {
    float: left!important
}

.float-right {
    float: right!important
}

.float-none {
    float: none!important
}

@media (min-width: 300px) {
    .float-sm-left {
        float:left!important
    }

    .float-sm-right {
        float: right!important
    }

    .float-sm-none {
        float: none!important
    }
}

@media (min-width: 448px) {
    .float-smb-left {
        float:left!important
    }

    .float-smb-right {
        float: right!important
    }

    .float-smb-none {
        float: none!important
    }
}

@media (min-width: 576px) {
    .float-md-left {
        float:left!important
    }

    .float-md-right {
        float: right!important
    }

    .float-md-none {
        float: none!important
    }
}

@media (min-width: 768px) {
    .float-lg-left {
        float:left!important
    }

    .float-lg-right {
        float: right!important
    }

    .float-lg-none {
        float: none!important
    }
}

@media (min-width: 1140px) {
    .float-xl-left {
        float:left!important
    }

    .float-xl-right {
        float: right!important
    }

    .float-xl-none {
        float: none!important
    }
}

.user-select-all {
    -webkit-user-select: all!important;
    -moz-user-select: all!important;
    user-select: all!important
}

.user-select-auto {
    -webkit-user-select: auto!important;
    -moz-user-select: auto!important;
    user-select: auto!important
}

.user-select-none {
    -webkit-user-select: none!important;
    -moz-user-select: none!important;
    user-select: none!important
}

.overflow-auto {
    overflow: auto!important
}

.overflow-hidden {
    overflow: hidden!important
}

.position-static {
    position: static!important
}

.position-relative {
    position: relative!important
}

.position-absolute {
    position: absolute!important
}

.position-fixed {
    position: fixed!important
}

.position-sticky {
    position: sticky!important
}

.fixed-top {
    top: 0
}

.fixed-bottom,.fixed-top {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    bottom: 0
}
.font-weight-bold {
    font-weight: 700!important
}

.font-weight-bolder {
    font-weight: bolder!important
}

.font-italic {
    font-style: italic!important
}
.d-flex{
    display:flex !important;
}
.rev{
    max-width: 1.5625rem;
    margin-right: 0.1875rem;
    margin-left: 0.125rem;
}
.rounded-pill {
    border-radius: 50rem !important;
}
.btn-block {
    display: block;
    width: 100%;
}
@media (min-width: 300px){
    .cau-ratings__fm, .cau-ratings__po {
        font-size: .875rem;
        line-height: 1rem;
    }
}
.rate-row__cta{
    text-align:center;
    .cau-ratings__po__cta{
        width:100%;
    }
}
.cau-ratings__fm ol li:before, .cau-ratings__fm ul li:before {
    position: absolute;
    top: 0.125rem;
    left: 0;
    width: 14px;
    height: 14px;
    color: #0057ff;
    content: url(https://products.gobankingrates.com/versions/4.76.0/static-fonts/check-featured-medium.svg);
}
.spcv_conversation-view{
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding:0 10px;
}
.spcv_info{
    display:flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e3e3e3;
    height:54px;
    line-height:54px;
    .spcv_header-text{
        font-size:24px;
        color:#3e3744;
        font-weight:bold;
        span{
            font-weight:400;
            margin-left: 9px;
            font-size:15px;
        }
    }
}
.Typography__vi{
    color:rgba(7,7,7,0.65);
    font-size:13px;
}
.spcv_viewing-indicator{
    display:flex;
    img{
        width:14px;
        height:14px;
        margin:19px 5px 0;
    }
}
.spcv_subheader-container{
    margin-top:15px;
    color:rgba(7,7,7,0.65);
    color:#7b7f83;
    font-weight:400;
    .com{
        text-decoration: underline;
    }
}
.spcv_conversation{
   margin-top:15px;
   margin-bottom:8px;
}
.spcv_conversation,.setting{
    display:flex;
    justify-content: space-between;
}
.alarm{
    margin-left:15px;
}
.edit-cont{
    border: 1px solid transparent;
    padding: 0 15px;
    box-shadow:  0 0 0 1px rgba(7,7,7,0.2);
    border-radius:4px;
    width:100%;
    line-height:40px;
    span{
        color:#070707;
    }
}
.send-btn{
    width:100%;
    text-align:right;
    position:relative;
    .btn{
        opacity: .6;
        max-height: 34px;
        background:#3978a6;
        padding: 8px 15px;
        border-radius:6px;
        min-width: 84px;
        color:#fff;
        margin-top:15px;
        text-transform: none;
        position:absolute;
        right:0;
    }
}
.spcv_sort-container{
    display:flex;
    margin:15px 0;
    .spcv_sort-by-text{
        font-size:14px;
        color:rgba(7,7,7,0.65)[]
    }
    .spcv_sort-by-value{
        margin-right:5px;
        font-weight:700;
    }
    .menulist{
        position:relative;
        z-index:99;
        span{
            cursor: pointer;
        }
        .el-icon{
            position: absolute;
            top:3px;
            font-weight:700;
            cursor: pointer;
        }
        .bylist{
            position:absolute;
            padding: 5px;
            margin: 5px;
            background:#fff;
            border-radius:4px;
            min-width: 180px;
            box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .07);
            z-index:999;
            li{
                padding: 10px;
                cursor: pointer; 
                border-radius:4px;
                font-size:15px;
                position:relative;
                .el-icon{
                    position:absolute;
                    right:10px;
                    top:14px;
                }
            }
            li:hover{
                background:#f1f1f1;
            }
        }
    }
}
.wrap-head{
    display:flex;
    justify-content: space-between;
    span{
       color:#373e44;
       font-size:14px;
       font-weight:bold; 
    }
}
.time{
    color:rgba(7,7,7,0.65);
    font-size:13px;
}
.cont{
   color:#070707;
   font-size:13px;
   margin-bottom:10px;
}
.reshart{
    display:flex;
    .reply{
        color:rgba(7,7,7,0.65);
        padding:5px;
        padding-left:0;
    }
    .circle:before{
        content: "·";
        color: #d4d6d7;
        font-weight: 900;
        margin-top: 6px;
       display: inline-block;
    }
}
.spcv_emptyStackLayout{
    padding:60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align:center;
    .empty{
        display:flex;
        justify-content: center;
    }
    .chat{
        width:60px;
        height:60px;
        line-height:75px;
        border-radius:50%;
        background:rgb(240,241,241);
        .el-icon{
            font-size:26px;
            color:rgb(7,7,7)
        }
    }
    .chat-text{
        font-size:15px;
        font-weight:bold;
        color:rgba(7,7,7,0.65);
        margin:15px 0;
    }
    .secord-text{
        font-weight:400;
        margin:0
    }
    
   
}
